<template>
  <div>
    爷爷组件
    <hr />
    <child></child>
  </div>
</template>

<script>
import Child from './Child.vue'
export default {
  components: { Child },
  name: 'page-day35',
  data() {
    return {
      msg: '爷爷组件的msg'
    }
  },
  /*   provide: {
    grandpaMsg: '爷爷组件的msg'
  } */
  provide() {
    // 通过this可以拿到当前组件，可以在此做一些业务
    return {
      grandpaMsg: this.msg
    }
  }
}
</script>

<style lang="scss" scoped></style>
